<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <title>电影详情</title>
    <link rel="stylesheet" href="../css/cinema-content.min.css">
    <link rel="shortcut icon" href="../img/f11.ico" type="image/x-icon">
    <script src="../utill/flexible.js"></script>
    <script src="../utill/jquery-3.5.1.min.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <div class="top">
        <button id="back"></button>
    </div>

    <!-- 主要内容 -->
    <div class="main">
        <h4>
            成都温江旭和影城
        </h4>
        <p>
            四川升成都市温江区文化路1号人民商场门口至交大立交方向内<br>
            侧3楼温江旭和影城
        </p>
        <div class="imgs-content">
            <div>
                <img class="location" src="../img/cinema/location.png" alt="">
                <span>1.0km</span>
                <p>15分钟</p>
            </div>
            <div>
                <img class="moneys" src="../img/cinema/moneys.png" alt="">
                <p>30元起</p>
            </div>
            <div>
                <img class="star" src="../img/cinema/star.png" alt="">
                <span>4.8</span>
                <p>1000+评分</p>
            </div>
        </div>
        <h3>特色电影</h3>
        <div class="main-content">
            <img class="movie-imgs" src="">
            <div class="content-right">
                <p class="movie-title">特斯拉</p>
                <p class="movie-price">￥35.90起</p>
                <p class="movie-time">放映时间</p>
                <div class="times">
                    <div>11:00</div>
                    <div>11:00</div>
                    <div>11:00</div>
                    <div>11:00</div>
                    <div>11:00</div>
                    <div>11:00</div>
                </div>
            </div>
        </div>
        <h3>特色电影</h3>
        <div class="main-content">
            <img class="movie-imgs" src="">
            <div class="content-right">
                <p class="movie-title">特斯拉</p>
                <p class="movie-price">￥35.90起</p>
                <p class="movie-time">放映时间</p>
                <div class="times">
                    <div>11:00</div>
                    <div>11:00</div>
                    <div>11:00</div>
                    <div>11:00</div>
                    <div>11:00</div>
                    <div>11:00</div>
                </div>
            </div>
        </div>
    </div>


    <script src="../js/cinema-detail.js"></script>
</body>

</html>